:root {

    --el-overlay-color-lighter: rgba(0, 0, 0, 0.1); // 蒙层颜色

    // 导航栏
    --footer-h: 90px;
    --footer-item-w: 80px; // 图标大小
    --footer-item-h: 80px;


    // 字体控制
    --el-font-size-extra-small: 14px; // 表头字体
    --dialog-title-font-size: 14px; // 左弹窗未激活导航字体
    --dialog-title-font-size-actvie: 16px; // 左弹窗激活导航字体大小
    --dialog-icon-close-size: 40px; // 弹窗关闭图标大小

    --dialog--header-font-size: 20px; // 弹窗标题字体(崩塌，滑坡，酒店，饭店等图标显示的介绍信息中的标题大小)

    --dialog-content-font-size: 16px; // 介绍弹窗内容字体

    --header-font-size: 22px; //系统标题 时间/地点字体大小

    --three-card-title-font-size: 20px; // 车量介绍弹窗高度
    --three-card-font-size: 16px; // 车辆弹窗内容字体
    --three-caed-close-w-h: 20px; // 车辆弹窗关闭按钮宽高

    --three-zaihaidian-font-size: 15px; // 灾害(结冰 积水 落石)点字体 
    --three-tubiaojieshao-font-size: 15px; // 点击图标(崩塌 滑坡 泥石流)文字
    --three-jiankong-font-size: 15px; // 监控点(点击查看)字体


    //图标控制
    --three-tubiaojieshao-w: 35px; // 酒店饭店等各类icon的宽
    --three-tubiaojieshao-h: 35px; // 酒店饭店等各类icon的高
    --three-jiankong-w: 35px; // 监控icon宽
    --three-jiankong-h: 35px; // 监控icon高
    --three-zaihaidian-w: 35px; // 灾害(结冰 积水 落石)点告警icon宽
    --three-zaihaidian-h: 35px; // 灾害(结冰 积水 落石)点告警icon高
    --three-card-w: 35px; // 车辆icon宽
    --three-card-h: 35px; // 车辆icon高

}


.mobile {
    // 移动

    // 导航栏
    --footer-h: 50px;
    --footer-item-w: 40px; // 图标大小
    --footer-item-h: 40px;
    --dialog-icon-close-size: 20px; // 弹窗关闭图标大小

    --dialog--header-font-size: 16px;
    --el-font-size-extra-small: 12px; // 表头字体
    --dialog-title-font-size: 12px; // 弹窗标题字体
    --dialog-title-font-size-actvie: 12px; // 弹窗标题字体
    --dialog-content-font-size: 12px; // 弹窗内容字体
    --header-font-size: 16px; // 标题栏字体
    --three-zaihaidian-w: 12px; // 灾害(结冰 积水 落石)点宽
    --three-zaihaidian-h: 12px; // 灾害(结冰 积水 落石)点高
    --three-zaihaidian-font-size: 8px; // 灾害(结冰 积水 落石)点字体 
    --three-jiankong-font-size: 10px; // 监控点字体
    --three-jiankong-w: 20px; // 监控点宽
    --three-jiankong-h: 20px; // 监控点高
    --three-card-w: 20px; // 车宽
    --three-card-h: 20px; // 车高
    --three-card-title-font-size: 12px; // 车高
    --three-caed-close-w-h: 15px; // 车辆弹窗关闭按钮宽高
    --three-card-font-size: 12px; // 车高
    --three-tubiaojieshao-font-size: 10px; // 图标(崩塌 滑坡 泥石流)介绍文字
    --three-tubiaojieshao-w: 20px; // 图标的宽
    --three-tubiaojieshao-h: 20px; // 图标的宽
}